<template>
    <div>
        <Editor v-model="state"> </Editor>
    </div>
</template>

<script>
import { provide, ref } from 'vue'
import Editor from './pages/Editor'
import data from './data.json'
import { registerConfig as config } from './utils/editor-config'
export default {
    name: 'App',
    components: {
        Editor
    },
    setup() {
        const state = ref(data)
        provide('config', config)
        return {
            state
        }
    }
}
</script>

<style lang="scss">
* {
    margin: 0;
    padding: 0;
}
</style>
